$(function () {
  // 点击“去注册账号”的链接
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })

  // 点击“去登录”的链接
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

})

layui.form.verify({
  //想要校验密码的长度
  pass: [/^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'],
  //为了矫正密码和确认密码是否一致
  rePwd: (val) => {
    //val 就是确认密码输入框的value的值
    //密码输入框父value父值
     const pwdValue = $("#password").val().trim();
     if(val != pwdValue) return '两次密码输入不一致'
   }
})

$("#reg_form").on("submit",function(e) {
  e.preventDefault()
  //获得输入框的里面的内容
  const data = $(this).serialize()
  console.log(data);
  $.post('/api/reguser',data,(res) => {
    const{status ,message} = res
    if(status != 0) return layui.layer.msg(message)
    layer.msg('注册成功')
    //注册成功 模拟去登录a标签的事件
    $('#link_login').click()
  })
})

$("#login-form").on("submit",function(e) {
  e.preventDefault()
  const data = $(this).serialize()
  $.ajax({
    type:'post',
     url:'/api/login',
     data,
     success:(res)=> {
       //看看是否登录成功,登录失败需要提醒用户
       //将对象里面的数据解析出来
       const {status ,message,token} = res
       if(status != 0) return layui.layer.msg(message)
       //需要将服务器响应回来的token保存的本地存储中
       sessionStorage.setItem('token',token)
         //跳转到后台首页
         location.href = '/index.html'
     }
  })
} )
